<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
        <title>Document</title>
        <style>
            div{padding: 50px}
            #div1{background-color: red}
            #div2{background-color: blue}
            #div3{background-color: orange}
        </style>
        <script src = 'jquery-1.10.1.min.js'></script>
        <script>
            /* 
               【注】都是兼容的后。
                • ev pageX 
                
                which  
                    鼠标事件：button
                    1 左键
                    2 滚轮
                    3 右键


                    keydown: keyCode 键码
                    keypress: charCode 字符码

                • preventDefault stopPropagation

                【注】大家不能为了使用JQ而使用JQ。如果实际开发的时候JS一些比较的简单的操作，没必要写成JQ代码。
             */

             $(function(){
                 $("div").click(function(ev){
                     alert(this.id);

                     ev.stopPropagation();
                 })
                 $("a").click(function(ev){
                    /*  ev.preventDefault();
                     ev.stopPropagation(); */

                     //既阻止事件冒泡，又阻止默认行为
                     return false;
                 })

                 $(document).mousedown(function(ev){
                   /*  alert(ev.pageX + ", " + ev.pageY); //带滚动距离
                    alert(ev.clientX + ", " + ev.clientY); //可视窗口为原点 */

                    alert(ev.which);
                 })

                 /* $(window).keydown(function(ev){
                     alert(ev.which);
                 }) */

                 $(window).keypress(function(ev){
                     alert(ev.which);
                 })
             })
        </script>
    </head>
    <body style = 'height: 3000px'>
       <!-- <div id = 'div1'>
           <div id = 'div2'>
               <div id = 'div3'>
                   <a href="https://www.baidu.com">百度</a>
               </div>
           </div>
       </div> -->
    </body>
</html>